<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html>
<%
	String path = request.getContextPath();
%>
<html>
<head>

<link rel="stylesheet" type="text/css"
	href="<%=path%>/script/easyUI-1.4/themes/bootstrap/easyui.css">
<link rel="stylesheet" type="text/css"
	href="<%=path%>/script/easyUI-1.4/themes/icon.css">
<script type="text/javascript"
	src="<%=path%>/script/easyUI-1.4/jquery-3.2.1.min.js"></script>
<script type="text/javascript"
	src="<%=path%>/script/easyUI-1.4/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="<%=path%>/script/easyUI-1.4/locale/easyui-lang-zh_CN.js"></script>
<style type="text/css">
.displayA {
	color: grey
}

.displayA:active {
	color: grey
}
</style>

<script type="text/javascript">
	function show(count,isShow){
		
		if(isShow=="show"){
			<c:forEach items="${showUserList}" var="user">
			$("#selectedDiv"+count).css("background-color","#EEEEE0");
			</c:forEach>
		}else{
			<c:forEach items="${showUserList}" var="user">
			$("#selectedDiv"+count).css("background-color","#FFFFFF");
			</c:forEach>
		}
		
	
	}
	
	function desc(id){
		
		top.location.href="<%=path%>/userAction/userDesc?userId="+id;
	}
	
	</script>
</head>




<body class="easyui-layout">

		
<div>
	<c:forEach items="${showUserList}" var="user" varStatus="s">
		<div style="margin-left: 50px;margin-top: 10px; width: 80%" onmouseover="show(${s.count},'show');"  onmouseout="show(${s.count},'unshow');" id="selectedDiv${s.count}">
			<img alt="用户头像" src="<%=path%>/${user.touxiangPath}" align="middle">
			<font >用户名:<font style="color: blue;" onclick="desc(${user.id})"> ${user.username}</font></font>
			<font>	简介:<font style="color: blue;">${user.jianjie}</font></font>
		</div>
	</c:forEach>
	
</div>

</body>

</html>